<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<title>今天吃啥呀？</title>
<meta name="keywords" content="今天吃啥">
<meta name="description" content="随机推荐食品，再也不用为今天吃什么发愁了。">
<link rel="stylesheet" type="text/css" href="./files/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./files/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./files/bootstrap-grid.min.css">
<link rel="stylesheet" type="text/css" href="./files/eat-min.css">
<style id="translate-plugin-css_1700116767599" type="text/css">@charset "utf-8";
			:focus {outline:none;}
      .jsfyg {position:relative; display:flex;flex-direction: column;height:100%;}
      .jsfyg h5 {display: flex;width: 100%;justify-content: space-between;align-items: center;}
      .jsfyg h5 span i {width:20px; height:20px; background:url() no-repeat -120px 0px; display: inline-block; vertical-align:middle; margin:0px 5px;}
			.jsfyg h5 em ,.webgcopy,.webbcopy{ float:right;width:20px; height:20px; background:url() no-repeat -100px 0px; display: inline-block; vertical-align:middle; margin-right: 10px;}
			.jsfyg h5 em:hover { background-position:-100px -20px; cursor:pointer;}
			.jsfyg h5 span i.bd { background-position:-120px -22px; width:60px;}
			.jsfyg .baidu {flex:1; overflow-y:auto; padding:5px 10px; line-height:26px;word-wrap:break-word;word-break:break-all;}
      .jsfyg .baidu::-webkit-scrollbar {width:6px; background-color:#fff;}
      .jsfyg .baidu::-webkit-scrollbar-track {border-radius:10px;} 
      .jsfyg .baidu::-webkit-scrollbar-thumb {border-radius:10px;background:#d7d7d7;}
			.jsfytxt { position:relative;}
      .jsfyloading {
        position:absolute;
        top: 45%;
        left: 50%;
        color: #121212;
        font-size: 4px;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        text-indent: -9999em;
        animation: load4 1.3s infinite linear;
        transform: translateX(-50%);
      }
      @keyframes load4 {
        0%,
        100% {
          box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
        }
        12.5% {
          box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
        }
        25% {
          box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
        }
        37.5% {
          box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
        }
        50% {
          box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
        }
        62.5% {
          box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
        }
        75% {
          box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
        }
        87.5% {
          box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
        }
      }

      @media (prefers-color-scheme: dark) {
        .jsfyloading{
          color: #9b9797 !important;
        }
      }
      .jsfyloading img{
        display:none;
      }

			.jsfytxtlayer { display:none; font-size:14px; color:#333;position:absolute; left:50%; top:30px; margin-left:-100px; background:#fff; width:340px; height:260px; padding:5px;z-index:200000001; border:1px solid #cfcfcf;}
			.jsfytxtlayer .jsfyg h5 { border-bottom:none; margin:10px auto 5px auto;}
			.jsfycorner { width: 0px;height: 0px;border-width: 8px 8px;border-color: transparent transparent #fff;border-style: solid; position: absolute; top:-15px; left:28%; margin-left:-8px; z-index:100001;}
			.jsfycornerbg { width: 0px;height: 0px;border-width: 9px 9px;border-color: transparent transparent #cfcfcf;border-style: solid; position: absolute; top:-18px; left:28%; margin-left:-9px; z-index:100001;}
			.jsfytxtlayerbox {height:250px; padding:5px;}
			.jsfytxttotal  {position: absolute;right: 10px;bottom: 5px; color:#666;}
      .jsfyg h5 .webgcopy{ float:right;width:20px; height:20px; background:url() no-repeat -100px 0px; display: inline-block; vertical-align:middle;}
      .no-events{pointer-events: none !important;}
		</style><style>.ours-select{position:relative}.ours-select .selection-item{display:block;cursor:pointer;width:100%;height:36px;line-height:36px;box-sizing:border-box;padding:0 32px 0 10px;position:relative}.ours-select .selection-item .arrow-svg{position:absolute;display:inline-block;width:14px;height:14px;top:50%;transform:translateY(-50%);right:10px}.ours-select .selection-item .arrow-svg path{transition:all .3s}.ours-select .selection-item .arrow-fold::before{right:50%;top:75%;transform:rotate(45deg)}.ours-select .selection-item .arrow-fold::after{left:50%;top:75%;transform:rotate(-45deg)}.ours-select .selection-item .arrow-unfold::before{right:50%;top:25%;transform:rotate(-45deg)}.ours-select .selection-item .arrow-unfold::after{left:50%;top:25%;transform:rotate(45deg)}.ours-select .selector{top:0;position:absolute;border-radius:6px;overflow:hidden;width:100%;background:#f7f7f7}.ours-select .selector:focus{outline:none}.ours-select .selector.z-index{z-index:9999999999999;box-shadow:0px 6px 10px 0px rgba(0,0,0,.14)}.ours-select .selector .select-dropdown{transition:all .2s}.ours-select .selector .select-dropdown.unfold{max-height:252px;overflow-y:auto;z-index:9999999}.ours-select .selector .select-dropdown.fold{max-height:0px;overflow-y:hidden}.ours-select .option-wrapper{cursor:pointer;width:100%;height:36px;line-height:36px;box-sizing:border-box;padding:0 32px 0 10px}.ours-select .option-wrapper:hover{background:#fff}.ours-select .seleted{background:#e6f4ff}.ours-select .option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}</style></head>
<body style="display: block;">
<div class="modal fade" id="mre" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="LoginTitle"><b>更多</b></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
          <h5>发现</h5>
          <p><a href="https://m.youlai.cn/huanzhe/food" class="lik mob" target="_blank">能不能吃</a><a href="https://ys.99.com.cn/" class="lik" target="_blank">饮食</a><a href="https://yangsheng.120ask.com/" class="lik" target="_blank">养生</a><a href="https://dxy.com/baike/category/24834?tag_id=0" class="lik" target="_blank">膳食指南</a><a href="https://www.xiachufang.com/" class="lik" target="_blank">下厨房</a><a href="https://yingyang.911cha.com/" class="lik" target="_blank">营养成分查询1</a><a href="https://www.foodwake.com/" class="lik" target="_blank">营养成分查询2</a><a href="https://www.dianping.com/" class="lik" target="_blank">大众点评</a></p>
          <hr>
      </div>
    </div>
  </div>
</div>
<div class="logo"><img src="./files/logo.png"></div>
<div id="wrapper">
  <h1 style="color:#FF9733" id="what"></h1>
  <input type="button" value="开始" id="start">
  <p><span id="cfg" title="编辑候选菜单">&nbsp;自定义</span><a href="javascript:location.reload();" id="cx" style="display: none"><i class="fa fa-undo"></i>&nbsp;重选</a>&nbsp;&nbsp;<a href="#" class="more" data-toggle="modal" data-target="#mre">&nbsp;更多</a></p>
</div>

<div id="popbox-wrapper" style="display: none;">
    <div id="popbox">
        <h3>自定义临时菜单<br><small style="display:block;color: #666; font-size: 12px; font-weight: 100;margin-top: 3px;">- 菜名间要以空格区分 -</small></h3>
        <textarea type="hidden" id="list" name="list" placeholder="在此输入菜单，各菜名间以空格分隔...">烩面 馄饨 刀削面 热干面 米线 油泼面 炒面 螺狮粉 重庆小面 酸辣粉 土豆粉 凉皮儿 炸酱面 肉夹馍 汉堡 炸鸡 麻辣烫 羊肉泡馍 炒饭 盖浇饭 烤肉饭 煎饼果子 南瓜粥 小龙虾 牛排 砂锅 大排档 馒头 西餐 自助餐 小笼包 水果 西北风 烧烤 泡面 水饺 日本料理 涮羊肉 兰州拉面 肯德基 面包 臊子面 小笼包 麦当劳 沙县小吃 烤鱼 海鲜 铁板烧 韩国料理 甜点 烤鸭 黄焖鸡米饭 麻辣香锅 火锅 披萨 酸菜鱼 烤串 寿司 鸭血粉丝汤 胡辣汤</textarea>
        <input type="button" value="确定" id="ok">
    </div>
</div>
<script type="text/javascript" src="./files/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./files/popper.min.js"></script>
<script type="text/javascript" src="./files/bootstrap.min.js"></script>
<script>
    $(function () {
    var run = 0,
        btn = $("#start"),
        popup = $("#popbox-wrapper"),
        li = $("#list"),
        times = 0,
        timer;

    $("#start").click(function () {
        var list = $("#list").val().replace(/ +/g, " ").replace(/^ | $/g, "").split(" ");
        if (list.length == 1 && list[0] != "") return alert("耍我是吧，一个有什么好选的！");
        if (list.length == 1) return alert("菜单中啥也没有，吃西北风去啊？");
        if (!run) {   
            $("#cfg").add(btn).one("click", function () {
                $(".tip").animate({
                    left: "+=10px",
                    opacity: 0
                }, function () {
                    $(this).remove();
                });
            });
            $(this).val("停止");
            timer = setInterval(function () {
                var r = Math.ceil(Math.random() * list.length),
                    food = list[r - 1];
                $("#what").html(food);
                var rTop = Math.ceil(Math.random() * $(document).height()),
                    rLeft = Math.ceil(Math.random() * ($(document).width() - 50)),
                    rSize = Math.ceil(Math.random() * (37 - 14) + 14);
                $("<span class='temp'></span>").html(food).hide().css({
                    "top": rTop,
                    "left": rLeft,
                    "color": "rgba(0,0,0,." + Math.random() + ")",
                    "fontSize": rSize + "px"
                }).appendTo("body").fadeIn("slow", function () {
                    $(this).fadeOut("slow", function () {
                        $(this).remove();
                    });
                });
            }, 50);
            run = 1;
        } else {
            $(this).val("不行，换一个");
            clearInterval(timer);
            run = 0;
        };
    });
    $("#cfg").click(function () {
        run ? alert("还在选呢！") : popup.fadeIn(function () {
            var t = li.val();
            li.focus().val("").val(t)
        });
    });

    $("#ok").click(function () {
        popup.fadeOut();
    });
}); 

    $i = 0;
    $('#start').click(function(){
        $i++;
        if($i >=12 ){
            $('#start').hide();
            $('#what').html('这么挑？饿着吧！');
            $('#cfg').hide();
            $('#cx').show();
        };
    })

        
</script>


<script type="text/javascript">
  	if (self == top) {
	    var theBody = document.getElementsByTagName('body')[0];
	    theBody.style.display = "block";
	} else {
	    top.location = self.location;
	}
</script>


<div id="cli_dialog_div"></div><div id="__REC__-container"></div></body></html>